<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link href="assets/css/bootstrap.min.css" rel="stylesheet" />
<link rel="stylesheet" href="css/style.css"/>
<link href="assets/css/codemirror.css" rel="stylesheet">
<link rel="stylesheet" href="assets/css/ace.min.css" />
<link rel="stylesheet" href="assets/css/font-awesome.min.css" />
<!--[if IE 7]>
		  <link rel="stylesheet" href="assets/css/font-awesome-ie7.min.css" />
		<![endif]-->
<!--[if lte IE 8]>
		  <link rel="stylesheet" href="assets/css/ace-ie.min.css" />
		<![endif]-->
<script src="js/jquery-1.9.1.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/typeahead-bs2.min.js"></script>
<script src="assets/layer/layer.js" type="text/javascript" ></script>
<script src="assets/js/jquery-ui-1.10.3.custom.min.js"></script>
<script src="assets/js/jquery.ui.touch-punch.min.js"></script>
<script src="assets/js/ace-elements.min.js"></script>
<script src="assets/js/ace.min.js"></script>
<title>注册</title>
</head>
<body>
<div class="margin clearfix">
  <div class="stystems_style">
		<div class="tabbable">
			  <ul class="nav nav-tabs" id="myTab">
				<li class="active"> <a data-toggle="tab" href="#newdropdown"><i class="green fa fa-home bigger-110"></i>&nbsp;企业注册</a></li>
				<li class=""> <a data-toggle="tab"  href="#home">&nbsp;个人注册</a> </li>
			  </ul>
		  <div class="tab-content">
			   <div id="home" class="tab-pane">
				 <h4 class="header blue lighter bigger">
			<i class="icon-coffee green"></i>
				请填写个人信息  
			</h4>
		<ul>
		  <label>用户名称：</label><input  class="width-20" name="name" type="text"  id="username"/><span style="color: red;">*</span>必填信息</br></br>
		  <label>登录密码：</label><input  class="width-20"name="password" type="password"id="password"/><span style="color: red;">*</span>必填信息<br></br>
		  <label>确认密码：</label><input  class="width-20"name="password" type="password"   id="password"/><span style="color: red;">*</span>必填信息<br></br>
		  <label>个人邮箱：</label><input  class="width-20"name="password" type="password"   id="password"/><span style="color: red;">*</span>必填信息<br></br>
		  <label>手&nbsp;&nbsp;机&nbsp;号：</label><input  class="width-20"name="det" type="text"   id="det"/> <label style="color: red;">获取验证码</label><br/></br>
		  <label>Q&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Q：</label><input  class="width-20"name="det" type="text"   id="det"/><span style="color: red;">*</span>选填信息<br/></br>
		  <label>微&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;信：</label><input  class="width-20"name="det" type="text"   id="det"/><span style="color: red;">*</span>选填信息<br/></br>
		  </ul>
		  <div>
		   <td class="tl">
             <span class="E-checked"><input id="MemberRegister1_ctl00_CheckBoxIfAgree" type="checkbox" name="MemberRegister1$ctl00$CheckBoxIfAgree" checked="checked" /></span>同意
              <a href='register_xy.html' target="_blank" class=" blue">《用户注册协议》</a>
              <span id="spanIfAgree" visible="false"></span>
            </td>
		</div></br>
		<div class="clearfix">
															
			<button type="button" class="width-25 pull-center btn btn-sm btn-primary" id="login_btn">
			<i class="icon-key"></i>
				立即注册
			</button>
				

			</div>
			   </div>
			   <div id="newdropdown" class="tab-pane active">
				  <h4 class="header blue lighter bigger">
			<i class="icon-coffee green"></i>
				填写企业用户信息
			</h4>
		<ul>
		  <label>企业名称：</label><input  class="width-20" name="企业名称" type="text"  id="企业名称"/><span style="color: red;">*</span>必填信息</br></br>
		   <label>企业法人：</label><input class="width-20" name="企业法人" type="text"id="企业法人"/><span style="color: red;">*</span>必填信息<br></br>
		  <label>登录密码：</label><input  class="width-20"name="登录密码" type="password"id="userpwd"/><span style="color: red;">*</span>必填信息<br></br>
		  <label>确认密码：</label><input  class="width-20"name="确认密码" type="password"   id="password"/><span style="color: red;">*</span>必填信息<br></br>
		  <label>联系方式：</label><input  class="width-20"name="联系方式" type="text"   id="det"/><span style="color: red;">*</span>必填信息<br></br>
		   <div class="search_style">
		   <ul class="search_content clearfix">
       <li><label class="l_f">公司地址：</label><span class="formControls col-4" style="width:115px">
		  <select style=" width:90px" class="form-control" id="form-field-select-1">
          <option value="">选择省份</option>
          <option value="1">河南省</option>
          <option value="2">河北省</option>
          <option value="3">湖北省</option>
          </select>
		  </span>
		  <span class="formControls col-4" style="width:115px">
		  <select style=" width:90px" class="form-control" id="form-field-select-1">
          <option value="">选择市</option>
          <option value="1">河南市</option>
          <option value="2">河北市</option>
          <option value="3">湖北市</option>
          </select>
		  </span>
		  <span class="formControls col-4" style="width:115px">
		  <select style=" width:90px" class="form-control" id="form-field-select-1">
          <option value="">选择区</option>
          <option value="1">河南区</option>
          <option value="2">河北区</option>
          <option value="3">湖北区</option>
          </select>
		  </span> </li></ul><br/>
	  
    </div>
		  <label>企业邮箱：</label><input  class="width-20"name="password" type="password"   id="password"/><span style="color: red;">*</span>必填信息<br></br>
		  <li><label class="l_f">经营范围：</label><span class="formControls col-4" style="width:115px">
		  <select style=" width:360px" class="form-control" id="form-field-select-1">
          <option value="">选择省份</option>
          <option value="1">河南省</option>
          <option value="2">河北省</option>
          <option value="3">湖北省</option>
          </select>
		  </span></br>
		  </ul>
		  <div></br></br>
			   <td class="tl">
				 <span class="E-checked"><input id="MemberRegister1_ctl00_CheckBoxIfAgree" type="checkbox" name="MemberRegister1$ctl00$CheckBoxIfAgree" checked="checked" /></span>同意
				  <a href='register_xy.html' target="_blank" class="blue">《用户注册协议》</a>
				  <span id="spanIfAgree" visible="false"></span>
				</td>
		</div></br>
		<div class="clearfix">
															
			<button type="button" class="width-25 pull-center btn btn-sm btn-primary"" id="log_btn">
			<i class="icon-key"></i>
				立即注册
			</button>

			</div>
			   </div>
			   
		  </div>
		</div>
  </div>
</div>
</body>
</html>
<script>
$('#login_btn').on('click', function(){

	     var num=0;
		 var str="";
     $("input[type$='text'],input[type$='password']").each(function(n){
          if($(this).val()=="")
          {
               
			   layer.alert(str+=""+$(this).attr("name")+"不能为空！\r\n",{
                title: '提示框',				
				icon:0,								
          }); 
		    num++;
            return false;            
          } 
		 });
		  if(num>0){  return false;}	 	
          else{
			  layer.alert('登陆成功！',{
               title: '提示框',				
			   icon:1,		
			  });
	          location.href="index.html";
			   layer.close(index);	
		  }		  		     						
		
	});
  $(document).ready(function(){
	 $("input[type='text'],input[type='password']").blur(function(){
        var $el = $(this);
        var $parent = $el.parent();
        $parent.attr('class','frame_style').removeClass(' form_error');
        if($el.val()==''){
            $parent.attr('class','frame_style').addClass(' form_error');
        }
    });
	$("input[type='text'],input[type='password']").focus(function(){		
		var $el = $(this);
        var $parent = $el.parent();
        $parent.attr('class','frame_style').removeClass(' form_errors');
        if($el.val()==''){
            $parent.attr('class','frame_style').addClass(' form_errors');
        } else{
			 $parent.attr('class','frame_style').removeClass(' form_errors');
		}
		});
	  })

</script>
<script>
$('#log_btn').on('click', function(){
	     var num=0;
		 var str="";
     $("input[type$='text'],input[type$='password']").each(function(n){
          if($(this).val()=="")
          {
               
			   layer.alert(str+=""+$(this).attr("name")+"不能为空！\r\n",{
                title: '提示框',				
				icon:0,								
          }); 
		    num++;
            return false;            
          } 
		 });
		  if(num>0){  return false;}	 	
          else{
			  layer.alert('注册成功！',{
               title: '提示框',				
			   icon:1,		
			  });
	          location.href="index.html";
			   layer.close(index);	
		  }		  		     						
		
	});
  $(document).ready(function(){
	 $("input[type='text'],input[type='password']").blur(function(){
        var $el = $(this);
        var $parent = $el.parent();
        $parent.attr('class','frame_style').removeClass(' form_error');
        if($el.val()==''){
            $parent.attr('class','frame_style').addClass(' form_error');
        }
    });
	$("input[type='text'],input[type='password']").focus(function(){		
		var $el = $(this);
        var $parent = $el.parent();
        $parent.attr('class','frame_style').removeClass(' form_errors');
        if($el.val()==''){
            $parent.attr('class','frame_style').addClass(' form_errors');
        } else{
			 $parent.attr('class','frame_style').removeClass(' form_errors');
		}
		});
	  })

</script>